import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    xmlnsXlink='http://www.w3.org/1999/xlink'
    fill='none'
    width={22}
    height={22}
    viewBox='0 0 22 22'
    ref={ref}
    {...props}>
    <defs>
      <clipPath id='master_svg0_3_5'>
        <rect x={0} y={0} width={22} height={22} rx={0} />
      </clipPath>
    </defs>
    <g clipPath='url(#master_svg0_3_5)'>
      <g transform='matrix(0.8910068273544312,0.4539906978607178,-0.4539906978607178,0.8910068273544312,2.303345347638242,-1.594128291355446)'>
        <path
          d='M23.6871796875,9.44449C23.5557796875,9.44472,23.4311796875,9.3844,23.3474796875,9.28007C21.1138796875,6.5020299999999995,17.8644796875,4.908692,14.4326796875,4.908692C11.313399687499999,4.908692,8.340649687500001,6.22195,6.1615696875,8.53733L8.5571296875,8.65222C8.8005196875,8.65222,8.9985396875,8.85557,8.9985396875,9.10608C8.9985396875,9.356580000000001,8.8005196875,9.55945,8.5571296875,9.55945L5.1781326875,9.44449C4.9347446875,9.44449,4.7374396875,9.24142,4.7374396875,8.99091L4.4722415475,5.65339C4.4723603735,5.40297,4.6694356875,5.20026,4.9127396875,5.20026C5.1560436875,5.20026,5.4046666875,5.51875,5.4047846875,5.76917L5.6188296875,7.81118C6.0137196875,7.39969,6.4347696875,7.01571,6.8792096874999995,6.66178C7.5813296875,6.10276,8.3394396875,5.6225000000000005,9.1406496875,5.22917C12.5179096875,3.572657,16.4446796875,3.591338,19.8069796875,5.27992C20.6198796875,5.68799,21.3878796875,6.18472,22.0976796875,6.76157C22.8052796875,7.33659,23.4518796875,7.98692,24.0266796875,8.70175C24.1355796875,8.837119999999999,24.1585796875,9.025,24.0859796875,9.18399C24.0132796875,9.343,23.8578796875,9.44449,23.6871796875,9.44449Z'
          fill='#5C5C66'
          fillOpacity={1}
        />
      </g>
    </g>
  </svg>
)
const ForwardRef = forwardRef(SvgComponent)
const Memo = memo(ForwardRef)
export default Memo
